$(function() {
    // 点击切换注册登录
    $("#loginBox a").on('click', function() {
        $('#loginBox').hide()
        $('#regBox').show()
    })
    $("#regBox a").on('click', function() {
            $('#regBox').hide()
            $('#loginBox').show()
        })
        // 正则
        // 将layui里的form赋值给form
    let form = layui.form
        // layui.form里面的verify()方法可以判断输入的内容
        // verify()方法里面的参数是对象：属性名是校验名称，属性值是校验规则
        // 属性值有两种：1.数组。2.函数
    form.verify({
            username: [/^[a-zA-Z0-9]{1,10}$/, "用户名必须是1-10位数字和字母"],
            pwd: [/^[a-zA-Z0-9]{6,12}$/, '密码必须是6-12位数字和字母'],
            repwd: function(value, item) {
                let pwd = $('#regBox input[name="password"]').val()
                if (pwd != value) {
                    return '两次输入的结果不一致'
                }
            }
        })
        // 函数里面的参数：第一一个参数是value值，第二个是item

    // 注册表单验证
    let layer = layui.layer
    $('#formReg').on('submit', function(e) {
            e.preventDefault()
            axios({
                url: 'http://api-breakingnews-web.itheima.net/api/reguser',
                method: 'POST',
                data: $(this).serialize()

            }).then(({ data: res }) => {
                // 判断服务器响应的数字是否注册成功，不成功就将服务器响应的数据用警示框显示
                if (res.status != 0) {
                    return layer.msg(res.message)
                }
                layer.msg('注册成功')
                    // 清空表单
                $('#formReg')[0].reset()
                    // 切换到登录界面
                $('#regBox a').click()
            })
        })
        // 登录表单验证

    $('#formLogin').on('submit', function(e) {
        e.preventDefault()
        axios({
            url: 'http://api-breakingnews-web.itheima.net/api/login',
            method: 'POST',
            data: $(this).serialize()

        }).then(({ data: res }) => {
            //    判断是否正确登录，如果res.status的值等于0，则成功
            if (res.status != 0) {
                // 如果不正确，就退出，并将服务器响应的数据用警示框弹出
                return layer.msg(res.message)
            }
            // 如果正确就弹出警示框
            layer.msg('恭喜你，登录成功')
            localStorage.setItem('token', res.token)
                // 添加定时器：
            setTimeout(function() {
                location.href = '/index.html'
            }, 1000)

        });
    })

})